{% extends "base.html" %}
{% block title %}Modificar Tipo Item{% endblock %}
{% block body %}
    <script type="text/javascript">
    function habilitar_longitud(){
        var vtipo=document.forms["formulario"]["tipoatributos"].value;
        if (vtipo=="1"){
            document.formulario.longitudatributo.setAttribute('readonly', 'readonly');
        }
        if (vtipo=="2"){
            document.formulario.longitudatributo.removeAttribute('readonly');
        }
        if (vtipo=="3"){           
            document.formulario.longitudatributo.setAttribute('readonly', 'readonly');

        }
        if (vtipo=="4"){
            document.formulario.longitudatributo.setAttribute('readonly', 'readonly');
        }      
    }
    function habilitar_precision(){
        var vtipo=document.forms["formulario"]["tipoatributos"].value;
        if (vtipo=="1"){
            document.formulario.precisionatributo.removeAttribute('readonly');
        }
        if (vtipo=="2"){
            document.formulario.precisionatributo.setAttribute('readonly', 'readonly');
        }
        if (vtipo=="3"){           
            document.formulario.precisionatributo.setAttribute('readonly', 'readonly');

        }
        if (vtipo=="4"){
            document.formulario.precisionatributo.setAttribute('readonly', 'readonly');
        }      
    }
    function habilitar_campos_atributos(){
        var vtipo=document.forms["formulario"]["tipoatributos"].value;
        if(vtipo==null || vtipo==""){ //pregunta si el nombre es nulo o vacio
            alert("Debe seleccionar un tipo");            
            return false;
        }
        if (vtipo=="1"){
            document.formulario.longitudatributo.value='';
            document.formulario.precisionatributo.value='';

            document.formulario.longitudatributo.setAttribute('readonly', 'readonly');
            document.formulario.precisionatributo.removeAttribute('readonly');
        }
        if (vtipo=="2"){
            document.formulario.longitudatributo.value='';
            document.formulario.precisionatributo.value='';
            
            document.formulario.longitudatributo.removeAttribute('readonly');
            document.formulario.precisionatributo.setAttribute('readonly', 'readonly');
        }
        if (vtipo=="3"){
            document.formulario.longitudatributo.value='';
            document.formulario.precisionatributo.value='';
            
            document.formulario.longitudatributo.setAttribute('readonly', 'readonly');
            document.formulario.precisionatributo.setAttribute('readonly', 'readonly');
        }
        if (vtipo=="4"){
            document.formulario.longitudatributo.value='';
            document.formulario.precisionatributo.value='';
            
            document.formulario.longitudatributo.setAttribute('readonly', 'readonly');
            document.formulario.precisionatributo.setAttribute('readonly', 'readonly');
        }
    }
    </script>
    <h2>Modificar Tipo Item</h2>
    {% if error %}<div class=error><strong>Error:</strong> {{ error }}</div>{% endif %}
    <form name="formulario" action="" method=post>
        <table>
            <tr>
                <td>(*) Nombre:</td>
                <td><input type=text name=nombre size=30 value="{{ nombre }}" {% if estado_fase == "FIN" %} readonly="readonly" {% endif %}></td>
            </tr>
            <tr>
                <td>(*) Descripción:</td>
                <td><input type=text name=descripcion size=30 value="{{ descripcion }}" {% if estado_fase == "FIN" %} readonly="readonly" {% endif %}></td>
            </tr>
            <tr>
                <td>Observación:</td>
                <td><input type=text name=observacion size=30 value="{{ observacion }}" {% if estado_fase == "FIN" %} readonly="readonly" {% endif %}></td>
            </tr>
            <tr>
                <td>(*) Datos requeridos</td>
            </tr>
        </table>
        <br>
        <fieldset>
        <legend>Atributo</legend>
        <table>
            <tr>
                <td><input type=submit name="action" value="Agregar" {% if estado_fase == "FIN" %} disabled="disabled" {% endif %}></td>
                <td><input type=submit name="action" value="Modificar" {% if estado_fase == "FIN" or estado_fase == "ACT" %} disabled="disabled" {% endif %}></td>
                <td><input type=submit name="action" value="Eliminar" onclick="return confirm('¿Está seguro?');" {% if estado_fase == "FIN" %} disabled="disabled" {% endif %}></td>
            </tr>
        </table>
        <table>
            <tr>
                <td>(*) Nombre:</td>
                <td><input type=text name=nombreatributo size=30 value="{{ nombreatributo }}"></td>
            </tr>
            <tr>
                <td>(*) Descripción:</td>
                <td><input type=text name=descripcionatributo size=30 value="{{ descripcionatributo }}"></td>
            </tr>
            <tr>
                <td>Observación:</td>
                <td><input type=text name=observacionatributo size=30 value="{{ observacionatributo }}"></td>
            </tr>
            <tr>
                <td><output name="tipo">(*) Tipo:</output></td>
                <td><select name="tipoatributos" onchange="habilitar_campos_atributos()">
                  <option {% if set_tipo == "2" %} selected="selected" {% endif %} value="2">Cadena</option>
                  <option {% if set_tipo == "1" %} selected="selected" {% endif %} value="1">Numerico</option>
                  <option {% if set_tipo == "3" %} selected="selected" {% endif %} value="3">Fecha</option>
                  <option {% if set_tipo == "4" %} selected="selected" {% endif %} value="4">Binario</option>
                </td>
            </tr>
            <tr>
                <td>Longitud:</td>
                <td><input type=text name=longitudatributo size=30 value="{{ longitudatributo }}" onclick="habilitar_longitud()"></td>
            </tr>
            <tr>
                <td>Precision:</td>
                <td><input type=text name=precisionatributo size=30 value="{{ precisionatributo }}" readonly="readonly" onclick="habilitar_precision()"></td>
            </tr>
            <table>
                <tr>
                    <td>(*) Obligatorio:</td>
                    <td><input type="radio" name="obligatorio" value="N" {% if set_obligatorio == "N" %} checked="checked" {% endif %}>No</td>
                    <td><input type="radio" name="obligatorio" value="S" {% if set_obligatorio == "S" %} checked="checked" {% endif %} {% if estado_fase == "FIN" or estado_fase == "ACT" %} disabled="disabled" {% endif %}>Si</td>
                </tr>
            </table>
            <tr>
                <td>(*) Datos requeridos</td>
            </tr>
        </table>
        </fieldset>
        <table>
            <tr>
                <td><input type=submit name="action" value="Guardar"></td>
                <td><button type=submit name="action" value="Salir" onclick="return confirm('Los datos no serán almacenados');">Cancelar</button></td>
            </tr>
        </table>
        <br>
        <table>
          <TR>
              <TD>Seleccionar</TD>
              <TD>Nombre</TD>
              <TD>Descripcion</TD>
              <TD>Observacion</TD>
              <TD>Tipo</TD>
              <TD>Longitud</TD>
              <TD>Precision</TD>
              <TD>Obligatorio</TD>
          </TR>
          {% for item in items %}
          <TR>
            <TD><input type=checkbox name=seleccionados value="{{ item.nombre }}"></TD>
            <TD class="c1">{{item.nombre}}</TD>
            <TD class="c2">{{item.descripcion}}</TD>
            <TD class="c3">{{item.observacion}}</TD>
            <TD class="c4">{{item.tipo}}</TD>
            <TD class="c5">{{item.longitud}}</TD>
            <TD class="c6">{{item.precision}}</TD>
            <TD class="c7">{{item.obligatorio}}</TD>
          </TR>
          {% endfor %}
        </table>
</form>
{% endblock %}
